<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>小溪汇聚运维管控平台</title>
		<link rel="stylesheet" href="./css/common.css?v=1.02">
		<link rel="stylesheet" href="./css/css.css?v=1.02">
		<script src="js/jquery.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
		<div class="wrap">
			<div class="head clearfix">
				<div class="h-left">
					<a href="" class="mr10"><img src="img/nav.png" ></a>
					<span class="mr15 ziti fs24 mr15" id="riqi">2020 - 12 -09 &nbsp;&nbsp;16 : 00</span>
					<span id="week">星期三</span>
					<span>天气：晴  -3 - 5℃</span>
				</div>
				<div class="h-center">小溪汇聚运维管控平台</div>
				<div class="h-right">
					<ul class="clearfix">
						<li><a href=""><img src="img/home.png" > 首页</a></li>
						<li><a href=""><img src="img/zhenduan.png" > 能效诊断</a></li>
						<li><a href=""><img src="img/person.png" > 值班人：陈宇  姜大明</a></li>
						<li class="user">
							<img src="img/avatar.png" class="mr5"> 张三
							<img src="img/xiala.png" class="xiala ml5">
							<div class="info">
								<p><a href=""><img src="img/person1.png" > 个人设置</a></p>
								<p><a href=""><img src="img/out.png" > 注销登录</a></p>
							</div>
						</li>
						<li class="danger">
							<img src="img/deng.png" >
							<span class="num">38</span>
						</li>
					</ul>
				</div>
			</div>
			<div class="main clearfix">
				<div class="left">
					<div class="title">
						<img src="img/nengyuan.png" >
						能源管理
					</div>
					<div class="box1 clearfix">
						<div class="b-left">
							<div class="carousel-img" id="banner3">
								<ul class="slides">
									<li>
										<div class="zhuan1"></div>
										<div id="echarts1" style="width: 100%;height: 100%;"></div>
									</li>									
								</ul>
							</div>
						</div>
						<div class="b-right">
							<ul>
								<li class="clearfix">
									<div class="lis1 col1">
										<p><span class="ziti">8830</span> kwh</p>
										<p>
											<span>本日能耗</span>
											<span>环比</span>
											<span class="ziti">1.49% <img src="img/up.png" ></span>											
										</p>
									</div>
								</li>
								<li class="clearfix">
									<div class="lis1 col2">
										<p><span class="ziti">79470</span> kwh</p>
										<p>
											<span>本月能耗</span>
											<span>同比</span>
											<span class="ziti">5% <img src="img/down.png" ></span>											
										</p>										
									</div>									
								</li>
								<li class="clearfix">
									<div class="lis1 col3">
										<p><span class="ziti">953640</span> kwh</p>
										<p>
											<span>本年能耗</span>
											<span>同比</span>
											<span class="ziti">15% <img src="img/down.png" ></span>											
										</p>
									</div>									
								</li>
							</ul>
						</div>
					</div>
					<div class="box2">
						<div id="echarts4" style="width: 100%;height: 100%;"></div>
					</div>
					<div class="box3">
						<div id="echarts5" style="width: 100%;height: 100%;"></div>
					</div>
					<div class="box4">
						<div id="echarts6" style="width: 100%;height: 100%;"></div>
					</div>
				</div>
				<div class="center">
					<div class="box1">
						<div class="carousel-img" id="banner4">
							<ul class="slides">
								<li>
									<img src="img/pic.png">
									<p class="p1 bg1">
										<span>56</span>
										<span>℃</span>
									</p>
									<p class="p2 bg1">
										<span>396</span>
										<span>m³/h</span>
									</p>
									<p class="p3 bg1">
										<span>46</span>
										<span>℃</span>
									</p>
									<p class="p4 bg1">
										<span>286</span>
										<span>m³/h</span>
									</p>
									<p class="p5 bg2">
										<span>41</span>
										<span>℃</span>
									</p>
									<p class="p6 bg2">
										<span>526</span>
										<span>m³/h</span>
									</p>
									<p class="p7 bg3">
										<span>49</span>
										<span>℃</span>
									</p>
								</li>
								<li>
									<img src="img/pic2.jpg">									
								</li>
								
							</ul>
						</div>
						<div class="tan">
							<div class="close"><img src="img/close.png" ></div>
							<ul class="clearfix">
								<li>
									<p><span>264.9</span>kw</p>
									<p>额定功率</p>
									<p><img src="img/eding.png" ></p>
								</li>
								<li>
									<p><span>0</span>kw</p>
									<p>运行功率</p>
									<p><img src="img/run.png" ></p>
								</li>
								<li>
									<p><span>0</span>kwh</p>
									<p>今日电量</p>
									<p><img src="img/today.png" ></p>
								</li>
								<li>
									<p><span>0</span>%</p>
									<p>环比</p>
									<p><img src="img/huanbi.png" ></p>
								</li>
								
								<li>
									<p>℃</p>
									<p>蒸发温度</p>
									<p><img src="img/zhengfa.png" ></p>
								</li>
								<li>
									<p><span>23.2</span>℃</p>
									<p>冷冻出水温度</p>
									<p><img src="img/chushui.png" ></p>
								</li>
								<li>
									<p><span>23.1</span>℃</p>
									<p>冷冻回水温度</p>
									<p><img src="img/huishui.png" ></p>
								</li>
								<li>
									<p><span>0</span>%</p>
									<p>负载率</p>
									<p><img src="img/fuzai.png" ></p>
								</li>
								
								<li>
									<p>℃</p>
									<p>冷凝温度</p>
									<p><img src="img/lengling.png" ></p>
								</li>
								<li>
									<p><span>21.1</span>℃</p>
									<p>冷却出水温度</p>
									<p><img src="img/chushui2.png" ></p>
								</li>
								<li>
									<p><span>21.5</span>℃</p>
									<p>冷却回水温度</p>
									<p><img src="img/huishui2.png" ></p>
								</li>
								<li>
									<p>bar</p>
									<p>蒸发压力</p>
									<p><img src="img/yali.png" ></p>
								</li>
							</ul>
						</div>
					</div>					
					<div class="carousel-img1" id="banner5">
						<ul class="slides">
							<li class="list1">
								<div class="title">
									<img src="img/luanqi.png" >
									供暖系统
								</div>
								<div class="box2">
									<div id="echarts10" style="width: 100%;height: 100%;"></div>
								</div>
								<div class="box3">
									<div class="b-left">
										<div id="echarts11" style="width: 100%;height: 100%;"></div>
									</div>
									<div class="b-right">
										<div class="zhuan"></div>
										<div id="echarts12" style="width: 100%;height: 100%;"></div>					
									</div>
								</div>
							</li>
							<li class="list2">
								<div class="title">
									<img src="img/zhileng.png" >
									制冷
								</div>
								<div class="clearfix">
									<div class="box2 fl">
										<div class="biao1">
											<div id="echarts13" style="width: 100%;height: 100%;"></div>
										</div>
										<div class="biao2">
											<div id="echarts14" style="width: 100%;height: 100%;"></div>
										</div>
									</div>
									<div class="box3 fl">									
										<div class="zhuan"></div>
										<div id="echarts15" style="width: 100%;height: 100%;"></div>					
									</div>
								</div>
								
							</li>
							<li class="list3">
								<div class="title">
									<img src="img/nenghao.png" >
									能耗指标
								</div>
								<div class="con clearfix">
									<div class="nenghao">
										<div class="n1">
											<div id="echarts16" style="width: 100%;height: 100%;"></div>	
										</div>
										<div class="n2 tc">单位面积用电量：</div>
										<div class="n3 tc">35kw/㎡</div>
										<div class="n4 tc"><span>同比：</span>30%</div>
										<div class="n4 tc"><span>环比：</span>25%</div>
									</div>
									<div class="nenghao">
										<div class="n1">
											<div id="echarts17" style="width: 100%;height: 100%;"></div>	
										</div>
										<div class="n2 tc">单位面积制冷电量：</div>
										<div class="n3 tc">36kw/㎡</div>
										<div class="n4 tc"><span>同比：</span>30%</div>
										<div class="n4 tc"><span>环比：</span>25%</div>
									</div>
									<div class="nenghao">
										<div class="n1">
											<div id="echarts18" style="width: 100%;height: 100%;"></div>	
										</div>
										<div class="n2 tc">单位面积供暖：</div>
										<div class="n3 tc">37kw/㎡</div>
										<div class="n4 tc"><span>同比：</span>30%</div>
										<div class="n4 tc"><span>环比：</span>25%</div>
									</div>
									<div class="nenghao">
										<div class="n1">
											<div id="echarts19" style="width: 100%;height: 100%;"></div>	
										</div>
										<div class="n2 tc">公区单位面积能耗：</div>
										<div class="n3 tc">38kw/㎡</div>
										<div class="n4 tc"><span>同比：</span>30%</div>
										<div class="n4 tc"><span>环比：</span>25%</div>
									</div>
								</div>								
							</li>
							<li class="list4">
								<div class="title">
									<img src="img/peidian.png" >
									变配电系统
								</div>
								<div class="con clearfix">
									<div class="pei">
										<a href="" class="frash"><img src="img/frash.png" ></a>
										<a href="" class="down"><img src="img/download.png" ></a>
										<div class="p1">
											<div id="echarts20" style="width: 100%;height: 100%;"></div>	
										</div>
										<p class="p2">212</p>
										<p>
											<span>有功功率</span>
											<span>55kw</span>
										</p>
										<p>
											<span>无功功率</span>
											<span>0kVar</span>
										</p>
										<p>
											<span>二次电流</span>
											<span>255A</span>
										</p>
										<p>
											<span>二次电压</span>
											<span>10.65kv</span>
										</p>
										<p>
											<span>功率因数</span>
											<span>0</span>
										</p>
										<p>
											<span>负载率</span>
											<span>0%</span>
										</p>
									</div>
									<div class="pei">
										<a href="" class="frash"><img src="img/frash.png" ></a>
										<a href="" class="down"><img src="img/download.png" ></a>
										<div class="p1">
											<div id="echarts21" style="width: 100%;height: 100%;"></div>	
										</div>
										<p class="p2">213</p>
										<p>
											<span>有功功率</span>
											<span>55kw</span>
										</p>
										<p>
											<span>无功功率</span>
											<span>0kVar</span>
										</p>
										<p>
											<span>二次电流</span>
											<span>255A</span>
										</p>
										<p>
											<span>二次电压</span>
											<span>10.65kv</span>
										</p>
										<p>
											<span>功率因数</span>
											<span>0</span>
										</p>
										<p>
											<span>负载率</span>
											<span>0%</span>
										</p>
									</div>
									<div class="pei">
										<a href="" class="frash"><img src="img/frash.png" ></a>
										<a href="" class="down"><img src="img/download.png" ></a>
										<div class="p1">
											<div id="echarts22" style="width: 100%;height: 100%;"></div>	
										</div>
										<p class="p2">214</p>
										<p>
											<span>有功功率</span>
											<span>55kw</span>
										</p>
										<p>
											<span>无功功率</span>
											<span>0kVar</span>
										</p>
										<p>
											<span>二次电流</span>
											<span>255A</span>
										</p>
										<p>
											<span>二次电压</span>
											<span>10.65kv</span>
										</p>
										<p>
											<span>功率因数</span>
											<span>0</span>
										</p>
										<p>
											<span>负载率</span>
											<span>0%</span>
										</p>
									</div>
									<div class="pei">
										<a href="" class="frash"><img src="img/frash.png" ></a>
										<a href="" class="down"><img src="img/download.png" ></a>
										<div class="p1">
											<div id="echarts23" style="width: 100%;height: 100%;"></div>	
										</div>
										<p class="p2">215</p>
										<p>
											<span>有功功率</span>
											<span>55kw</span>
										</p>
										<p>
											<span>无功功率</span>
											<span>0kVar</span>
										</p>
										<p>
											<span>二次电流</span>
											<span>255A</span>
										</p>
										<p>
											<span>二次电压</span>
											<span>10.65kv</span>
										</p>
										<p>
											<span>功率因数</span>
											<span>0</span>
										</p>
										<p>
											<span>负载率</span>
											<span>0%</span>
										</p>
									</div>
								</div>
							</li>
						</ul>
					</div>
					
				</div>
				<div class="right clearfix">
					<div class="list1">
						<div class="title">
							<img src="img/shebei.png" >
							设备管理
						</div>
						<div class="box1">
							<div class="clearfix">
								<div class="b-left item">
									<div class="inner">
										<div class="zhuan2"></div>
										<p class="ziti">1187</p>
										<p>个</p>
									</div>
									<p>设备总数</p>
								</div>
								<div class="b-right item">
									<div class="inner">
										<div class="zhuan2"></div>
										<p class="ziti">70</p>
										<p>个</p>
									</div>
									<p>离线量</p>
								</div>
							</div>
							<ul class="clearfix">
								<li><span class="bg1"></span> 运行数</li>
								<li><span class="bg2"></span> 离线量</li>
							</ul>
						</div>
						<div class="box2">
							<ul>
								<li class="clearfix">
									<div class="item1">暖通空调</div>
									<div class="item2">
										<p class="ziti">
											<span class="col1">88/</span> 4
										</p>
										<p><span style="width: 90%;"></span></p>
									</div>
									<div class="item3 ziti">92</div>
								</li>
								<li class="clearfix">
									<div class="item1">能源管理</div>
									<div class="item2">
										<p class="ziti">
											<span class="col1">700/</span> 54
										</p>
										<p><span style="width: 90%;"></span></p>
									</div>
									<div class="item3 ziti">754</div>
								</li>
								<li class="clearfix">
									<div class="item1">动力设备</div>
									<div class="item2">
										<p class="ziti">
											<span class="col1">260/</span> 8
										</p>
										<p><span style="width: 95%;"></span></p>
									</div>
									<div class="item3 ziti">268</div>
								</li>
								<li class="clearfix">
									<div class="item1" style="padding-top: 14px;">其它</div>
									<div class="item2">
										<p class="ziti">
											<span class="col1">69/</span> 4
										</p>
										<p><span style="width: 90%;"></span></p>
									</div>
									<div class="item3 ziti">73</div>
								</li>
							</ul>
						</div>
						<div class="box3">
							<div class="subtitle">
								近期维保设备
							</div>
							<div class="scroll">
								<ul class="scroll1">
									<li>
										<p>
											<span></span>
											<span>12-18</span>
											<span>2#热水循环泵</span>
											<span><img src="img/jian.png" ></span>
										</p>									
									</li>
									<li>
										<p>
											<span></span>
											<span>12-29</span>
											<span>3#电梯</span>
											<span><img src="img/jian.png" ></span>
										</p>									
									</li>
									<li>
										<p>
											<span></span>
											<span>12-30</span>
											<span>F3-2新风机组</span>
											<span><img src="img/jian.png" ></span>
										</p>									
									</li>
									<li>
										<p>
											<span></span>
											<span>01-10</span>
											<span>W-B3-5污水泵</span>
											<span><img src="img/jian.png" ></span>
										</p>									
									</li>
									<li>
										<p>
											<span></span>
											<span>01-11</span>
											<span>SF-F1-2</span>
											<span><img src="img/jian.png" ></span>
										</p>									
									</li>
									<li>
										<p>
											<span></span>
											<span>01-18</span>
											<span>3# 热水循环泵</span>
											<span><img src="img/jian.png" ></span>
										</p>									
									</li>
									<li>
										<p>
											<span></span>
											<span>12-18</span>
											<span>2#热水循环泵</span>
											<span><img src="img/jian.png" ></span>
										</p>									
									</li>
									<li>
										<p>
											<span></span>
											<span>12-29</span>
											<span>3#电梯</span>
											<span><img src="img/jian.png" ></span>
										</p>									
									</li>
									<li>
										<p>
											<span></span>
											<span>12-30</span>
											<span>F3-2新风机组</span>
											<span><img src="img/jian.png" ></span>
										</p>									
									</li>
									<li>
										<p>
											<span></span>
											<span>01-10</span>
											<span>W-B3-5污水泵</span>
											<span><img src="img/jian.png" ></span>
										</p>									
									</li>
									<li>
										<p>
											<span></span>
											<span>01-11</span>
											<span>SF-F1-2</span>
											<span><img src="img/jian.png" ></span>
										</p>									
									</li>
									<li>
										<p>
											<span></span>
											<span>01-18</span>
											<span>3# 热水循环泵</span>
											<span><img src="img/jian.png" ></span>
										</p>									
									</li>
								</ul>
							</div>
						</div>
						<div class="box4">
							<div class="subtitle">
								维保合同
							</div>
							<div class="scroll">
								<ul class="scroll2">
									<li>
										<p>
											<span></span>
											<span>12-07</span>
											<span>3#冷制机组</span>
											<span><img src="img/jian.png" ></span>
										</p>									
									</li>
									<li>
										<p>
											<span></span>
											<span>12-07</span>
											<span>1#锅炉</span>
											<span><img src="img/jian.png" ></span>
										</p>									
									</li>
									<li>
										<p>
											<span></span>
											<span>12-07</span>
											<span>XF-F3-1新风机组</span>
											<span><img src="img/jian.png" ></span>
										</p>									
									</li>
									<li>
										<p>
											<span></span>
											<span>12-07</span>
											<span>3# 热水循环泵</span>
											<span><img src="img/jian.png" ></span>
										</p>									
									</li>
									<li>
										<p>
											<span></span>
											<span>12-07</span>
											<span>3#冷制机组</span>
											<span><img src="img/jian.png" ></span>
										</p>									
									</li>
									<li>
										<p>
											<span></span>
											<span>12-07</span>
											<span>1#锅炉</span>
											<span><img src="img/jian.png" ></span>
										</p>									
									</li>
									<li>
										<p>
											<span></span>
											<span>12-07</span>
											<span>XF-F3-1新风机组</span>
											<span><img src="img/jian.png" ></span>
										</p>									
									</li>
									<li>
										<p>
											<span></span>
											<span>12-07</span>
											<span>3# 热水循环泵</span>
											<span><img src="img/jian.png" ></span>
										</p>									
									</li>
								</ul>
							</div>
						</div>
					</div>
					<div class="list2">
						<div class="title">
							<img src="img/baojing.png" >
							报警管理
						</div>
						<div class="box1">
							<div class="inner">
								<div class="zhuan"></div>
								<p><span class="ziti">38</span>个</p>
								<p>总数</p>
							</div>
							<div class="btns clearfix">
								<p>已确认 <span class="ziti col1">30 个</span></p>
								<p>已处理 <span class="ziti col2">26 个</span></p>
							</div>
						</div>
						<div class="box2">
							<div id="echarts7" style="width: 100%;height: 100%;"></div>
						</div>
						<div class="box3">
							<ul>
								<li class="clearfix">
									<div class="item1">
										<p class="ziti">空调</p>
										<p><span class="bg1"></span></p>
									</div>
									<div class="item2 ziti">18</div>
								</li>	
								<li class="clearfix">
									<div class="item1">
										<p class="ziti">照明</p>
										<p><span class="bg2"></span></p>
									</div>
									<div class="item2 ziti">4</div>
								</li>
								<li class="clearfix">
									<div class="item1">
										<p class="ziti">动力设备</p>
										<p><span class="bg3"></span></p>
									</div>
									<div class="item2 ziti">8</div>
								</li>
								<li class="clearfix">
									<div class="item1">
										<p class="ziti">其他</p>
										<p><span class="bg4"></span></p>
									</div>
									<div class="item2 ziti">8</div>
								</li>
							</ul>
						</div>
						<div class="box4">
							<div class="zhuan"></div>
							<div id="echarts8" style="width: 100%;height: 100%;"></div>
						</div>
						<div class="box5">
							<div class="zhuan"></div>
							<div id="echarts9" style="width: 100%;height: 100%;"></div>
						</div>
					</div>
				</div>
			</div>
			<div class="enter">
				<a href="index2.html"><img src="img/enter.png" ></a>
			</div>
		</div>
	</body>
<script type="text/javascript" src="js/echarts.js"></script>
<script src="js/HappyImage.min.js" type="text/javascript" charset="utf-8"></script>
<script src="js/index.js" type="text/javascript" charset="utf-8"></script>
<script src="js/data.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">	
	formDate()
	
	$('.xiala').click(function(){
		$('.info').toggleClass('on')
	})
	// 左上环形图	
	ech1(edata1,'echarts1')
	// $( "#banner3" ).HappyImage({
	// 	effect: "slide",
	// 	autoplay:5000
	// });
	
	$( "#banner4" ).HappyImage({
		effect: "slide",
		autoplay:0
	});	
	
	$('#banner4 li img').click(function(){
		$('.tan').show()
	})
	$('.close').click(function(){
		$('.tan').hide()
	})
	
	ech2(edata2,'echarts4')	
	
	ech3(edata3,'echarts5')
	
	ech2(edata4,'echarts6')
	
	var timer1= setInterval(function() {
		topScroll(".scroll1",2000);
	},3500);
	setTimeout(function(){
		var timer2= setInterval(function() {
			topScroll(".scroll2",2000);
		},3500);
	},2000)
	
	
	ech4(edata5,'echarts7')
	
	ech5(edata6,'echarts8')
	
	ech6(edata7,'echarts9')
	
	ech7(edata8,'echarts10')
	
	ech8(edata9,'echarts11')
	
	ech9(edata10,'echarts12')
	
	ech10(edata11,'echarts13')
	
	ech11(edata12,'echarts14')
	
	ech12(edata13,'echarts15')
	
	ech13(edata14,'echarts16')
	ech13(edata14,'echarts17')
	ech13(edata14,'echarts18')
	ech13(edata14,'echarts19')
	
	ech14(edata15,'echarts20')
	ech14(edata15,'echarts21')
	ech14(edata15,'echarts22')
	ech14(edata15,'echarts23')
	$( "#banner5" ).HappyImage({
		effect: "slide",
		autoplay:0
	});	
</script>
</html>